{% extends "cover_layout.html" %}
{% block content %}

    <div class="d-flex w-100 h-100 mx-auto flex-column">
        <header class="masthead mb-auto">
            <div class="navbar navbar-dark bg-dark shadow-sm">
                <a href='{{ url_for('index') }}'><strong>返回首页</strong></a>
                <div class="container d-flex justify-content-between">
                        <a href='{{ url_for('all') }}'><strong>高校数据分析</strong></a>
                       <nav class="nav nav-masthead justify-content-center">
                           <a class="nav-link" href='{{ url_for('hot') }}'>高校热度分析</a>
                        <a class="nav-link" href='{{ url_for('major') }}'>专业热度与平均薪资</a>
                      <a class="nav-link" href='{{ url_for('hot_major') }}'>热门专业</a>
                    <a class="nav-link" href='{{ url_for('work') }}'>就业前景</a>
                    </nav>
                </div>
            </div>
        </header>

            <div class="container">
                <div class="my-3 p-3 bg-white rounded shadow-sm">
                    <h4 class="border-bottom pt-2 pb-3 mb-0 ml-2">全国各省高校情况</h4>
                    <div class="d-flex text-muted pt-3 ml-2">
                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">1</text></svg>

                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">
                            <strong class="d-block text-gray-dark mb-1">全国各省高校数量情况图</strong>
                            <br>
                        <div style="margin-left:15px">{{tu|safe}}</div>
                            <br>
                        <br>
                        <br>
                            - 根据教育部公布最新2020年全国高校名单可知，2020全国共有3005所高等学校，普通高等学校2740所，含本科院校1258所、专科(高职)院校1482所；成人高等学校265所。<br>
                            <br>
                            <br>
                            - 根据左边的全国各省高校数量数据显示，江苏省高校数量最多，高达175所，其次是广东省，共计168所高等学校，被誉为高考大省的山东和河南分别排名第三、第四。<br>
                            <br>
                            <br>
                        </p>
                    </div>
                    <p><strong>结论：</strong>全国各省高校数量数据显示，江苏省高校数量最多，高达175所，其次是广东省，共计168所高等学校，山东和河南分别排名第三、第四。</p>
                    <p>从质量上来说，北京市双一流学校最多，高达35所，其次分别是江苏省和上海，分别是16和14所。</p>
                    <br>
                    <br>
                    <br>
                    <div class="d-flex text-muted pt-3 ml-2">
                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#e83e8c"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">2</text></svg>

                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">
                            <strong class="d-block text-gray-dark mb-1">全国各省高校地理位置一览图</strong>
                            {{ tu1|safe }}
                            <br>
                            <br>
                            <br>
                            - 图中结果佐证了上图的观点，全国范围内，高校资源最充沛的位于我国的江苏、广东省等各城市内。<br>
                            <br>
                            <br>
                            - 如图所示全国高校按城市分布，图例的气泡大小和颜色表示院校数量。<br>
                            <br>
                        </p>
                    </div>
                    <p><strong>结论：</strong>图中结果佐证了以上统计，全国范围内，高校资源最充沛的位于我国的江苏、广东省等各城市内。</p>
                    <p>因此，江苏和广东等地也是每年高考考生和家长们重点关注的报考区域。</p>


                </div>
            </div>
        <footer class="mastfoot mt-auto" style="padding-top: 0px; padding-bottom: 1.5rem; text-align: center">
            <div class="inner">
                <p>页面模版来自Bootstrap</p>
            </div>
        </footer>
    </div>

{% endblock content %}